:root {
  --systemThemeColor: #0960bd;
  --navbarThemeColor: #ffffff;
  --navbarColor: rgba(0, 0, 0, 0.85); // 当navbar背景为白色时
  --sidebarThemeColor: #001529;
  --sidebarThemeColorActive: #0960bd;
  --systemThemeColorActive: #93ffff;
  --contentBgColor: #f0f2f5;
  --border-color: #f0f0f0;

  --el-border-color-base: #dcdfe6;
}

.night-mode {
  --navbarThemeColor: #1f1f1f;
  --navbarColor: #ffffff;
  --sidebarThemeColor: #1f1f1f;
  --contentBgColor: #000000;
  --border-color: #303030;
  --el-border-color-base: #303030;

  --el-border-color-light: #303030;
}

$systemTheme: var(--systemThemeColor);
$navbarTheme: var(--navbarThemeColor);
$sidebarTheme: var(--sidebarThemeColor);
$sidebarThemeActive: var(--sidebarThemeColorActive);
$systemThemeActive: var(--systemThemeColorActive);
$sidebarThemeGroup: #444b51;
$sidebarThemeBg: #001529;
$sidebarColor: #ffffffb3;
$navbarColor: var(--navbarColor);

$contentBgColor: var(--contentBgColor);

$headerHeight: 48px;
$logoWidth: 200px;

// 边距
$marginWidth: 1rem;
$paddingWidth: 1rem;
@media screen and (max-width: 1000px) {
  $paddingWidth: 10px;
}
// 边框
$borderColor: var(--border-color);
$border: 1px solid $borderColor;
